<template>
  <div class="course">
    <div class="topbar">
      <img src="@/assets/courseIndex/sch-ban@2x_pc.png" alt="" class="barImg" />
    </div>
    <Banner />
    <Container />
  </div>
</template>
<script>
import Banner from "@/views/course/components/Banner.vue";
import Container from "@/views/course/components/Container.vue";

export default {
  components: {
    Banner,
    Container,
  },
};
</script>
<style scoped  >
.topbar {
  height: 80px;
  position: relative;
}
.barImg {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
</style>